<template>
    <div>
        <HomeCommonHead v-if="!utils.getIsApp()" title="线路详情"></HomeCommonHead>
        <img :src="lineinfo.image" class="information-img">
        <div class="information-live">
            <div class="title-group">
                <div class="information-live-title">
                    {{lineinfo.name}}
                </div>
                <!--                <div class="teatravel-follow">-->
                <!--                    <img src="" class="follow-img">-->
                <!--                    <div class="follow-font">关注</div>-->
                <!--                </div>-->
            </div>
            <div class="teatravel-price">¥{{lineinfo.money}}</div>
            <div class="teatravel-brief">{{lineinfo.brief}}</div>
        </div>
        <div class="time-price">
            <div class="time-price-head">
                <div class="time-price-head-title">选择套餐</div>
                <div class="time-price-head-right-icon" @click="tosubmit"> 查看</div>
            </div>
            <!--            <div class="time-price-main">-->
            <!--                <div class="time-price-bottom">-->
            <!--                    <div class="time-price-bottom-list">-->
            <!--                        <div class="list-head">2-14 周五</div>-->
            <!--                        <div class="list-price">$1000.00</div>-->
            <!--                    </div>-->
            <!--                    <div class="time-price-bottom-list">-->
            <!--                        <div class="list-head">2-14 周五</div>-->
            <!--                        <div class="list-price">$1000.00</div>-->
            <!--                    </div>-->
            <!--                    <div class="time-price-bottom-list">-->
            <!--                        <div class="list-head">2-14 周五</div>-->
            <!--                        <div class="list-price">$1000.00</div>-->
            <!--                    </div>-->
            <!--                    <div class="time-price-bottom-list">-->
            <!--                        <div class="list-head">2-14 周五</div>-->
            <!--                        <div class="list-price">$1000.00</div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--                <div class="list-more" @click="dateSelect">查看</br>更多</div>-->
            <!--            </div>-->
        </div>
        <div v-if="lineinfo.content" class="tea-detail-content" v-html="lineinfo.content">

        </div>
        <div style="width: 100vw;height: 40px"></div>
        <div class="teatravel-foot" @click="tosubmit">提交行程</div>
        <!--        <detail-footer></detail-footer>-->

<!--                <form id='alipaysubmit' name='alipaysubmit' action='https://openapi.alipay.com/gateway.do?charset=UTF-8' method='POST'>-->
<!--                    <input type='hidden' name='biz_content' value='{"productCode":"QUICK_WAP_PAY","body":"travel_order","subject":"茶旅订单_20032015321469491005","out_trade_no":"travel_order-20032015321469491005","total_amount":"0.01","timeout_express":"1m"}'/>-->
<!--                    <input type='hidden' name='app_id' value='2018111262111909'/>-->
<!--                    <input type='hidden' name='version' value='1.0'/>-->
<!--                    <input type='hidden' name='format' value='json'/>-->
<!--                    <input type='hidden' name='sign_type' value='RSA2'/>-->
<!--                    <input type='hidden' name='method' value='alipay.trade.wap.pay'/>-->
<!--                    <input type='hidden' name='timestamp' value='2020-03-27 14:35:07'/>-->
<!--                    <input type='hidden' name='alipay_sdk' value='alipay-sdk-php-20161101'/>-->
<!--                    <input type='hidden' name='notify_url' value='https://ds.wyadmin.cn/home/payment/alipay_h5_notify.html'/>-->
<!--                    <input type='hidden' name='return_url' value='https://wap.wyadmin.cn//home/tea_order_list'/>-->
<!--                    <input type='hidden' name='charset' value='UTF-8'/>-->
<!--                    <input type='hidden' name='sign' value='VPg4ff30F5D2TYuaFVRRsJpC9JcYu4XD8MM34OWTUi+Qc/UccQA6MoikL/4YtOPufGznQh9iLp68fb3iiPoYIZtUIJcK/mUekEskcmWEP5Av0qL6J/u7b9/xQXEq7eJrStUXIxwTePaMypoj54jOfDLCIaHlwX6y9bLsHKTCI27c2XbkG+dxw55himhF0eYcAGRtz9yNvw5oWrfvG/olDVpSwlHN+nSbjj54lgRIiN+mw8hJBXeRhroxRVBiiPPZw0D8sjtk/Tx+73Cb2piRdRO99KuqHcPVh40RT5eH4ENJPEwNSQfH74JLhXlhqx2Ccp/KJmYtEjzOsRZ1+EgmAQ=='/>-->
<!--                    <input type='submit' value='ok' style='display:none;'/>-->
<!--                </form>-->
<!--                <script>document.forms['alipaysubmit'].submit();</script>-->

<!--        <form id='alipaysubmit' name='alipaysubmit' action='https://openapi.alipay.com/gateway.do?charset=UTF-8' method='POST'>-->
<!--            <input type='hidden' name='biz_content' value='{"productCode":"QUICK_WAP_PAY","body":"real_order","subject":"实物订单_20032716215027352020","out_trade_no":"real_order-20032716215027352020","total_amount":"0.01","timeout_express":"1m"}'/>-->
<!--            <input type='hidden' name='app_id' value='2018111262111909'/>-->
<!--            <input type='hidden' name='version' value='1.0'/>-->
<!--            <input type='hidden' name='format' value='json'/>-->
<!--            <input type='hidden' name='sign_type' value='RSA2'/>-->
<!--            <input type='hidden' name='method' value='alipay.trade.wap.pay'/>-->
<!--            <input type='hidden' name='timestamp' value='2020-03-27 16:21:51'/>-->
<!--            <input type='hidden' name='alipay_sdk' value='alipay-sdk-php-20161101'/>-->
<!--            <input type='hidden' name='notify_url' value='https://ds.wyadmin.cn/home/payment/alipay_h5_notify.html'/>-->
<!--            <input type='hidden' name='return_url' value='https://wap.wyadmin.cn//member/order_list'/>-->
<!--            <input type='hidden' name='charset' value='UTF-8'/>-->
<!--            <input type='hidden' name='sign' value='sYdaM45GkoPLCXl9orOUb3ZL+WM3+wc1UjzlBmBCcP17kM4mkPpBKunMqq0pppU8N1pvFaKljpVJZqzEx864WbziyPstR2Mwi0DOlW8YCsYOjO9Bg5CSqxA/NjJIXfXoFlR68JjN5zAxFHNDlLXbvvrK1cVvetTTM7qh87o7r5uAazg4fYm5fqZ5QkEB5tQP8nMP2hPL1nZac5Dwc61DbJjDo9eufn/6g2HaI4aR5QEgIq2eIaYpTHKqWrQ9bdIu8zsWxyZr27O4+/ililytf1GkdMDj6gVI7oqCIoR4yO2b5pxboStpXfnYsNCEzUg74INXbPnNRgbXg8hPikh3yw=='/>-->
<!--            <input type='submit' value='ok' style='display:none;'/></form>-->
    </div>
</template>

<script>
    import {Toast} from 'mint-ui'
    // import DetailFooter from '../goodsdetail/DetailFooter'
    import {getTravellinedetail} from '../../../api/travel'
    import HomeCommonHead from '../common/HomeCommonHead';

    export default {
        name: 'Teatraveldetail',
        components: {
            HomeCommonHead,
            // DetailFooter
        },
        data() {
            return {
                lineinfo: '' // 详情数据
            }
        },
        created() {
            this.getTravellinedetail()
        },
        methods: {

            dateSelect() {
                this.$router.push({name: 'HomeTeatraveltime'})
            },
            //获取线路详情
            getTravellinedetail() {
                getTravellinedetail(this.$route.query.id).then(res => {
                    this.lineinfo = res.result
                }).catch(function (error) {
                    Toast(error.message)
                })
            },
            //提交行程
            tosubmit() {
                this.$router.push({name: 'HomeTeatravelsubmit1', query: {id: this.$route.query.id}})
            }
        }
    }
</script>

<style scoped lang='scss'>
    .teatravel-brief {
        font-size: .7rem;
        padding: 10px 3.5vw;
        text-align: justify;
        color: #888;
    }

    .information-live {
        margin-top: 10px;
        background: white;
        padding-bottom: 10px;
    }

    .information-img {
        width: 100vw;
        height: 60vw;
        background: white;
    }

    .title-group {
        margin-top: 10px;
        display: flex;
        flex-direction: row;
        padding: 10px 3.5vw;
    }

    .information-live-title {
        font-size: .7rem;
        font-weight: bold;
    }

    .teatravel-follow {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .follow-img {
        width: 30px;
        height: 30px;
    }

    .follow-font {
        font-size: .6rem;
    }

    .teatravel-price {
        color: $primaryColor;
        font-size: .9rem;
        font-weight: bold;
        margin-left: 3.5vw;
    }

    .time-price {
        padding: 2vw 4vw;
        display: flex;
        flex-direction: column;
        background: white;
        margin-top: 10px;
    }

    .time-price-head {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .time-price-head-title {
        font-size: .7rem;
        font-weight: bold;
    }

    .time-price-bottom {
        display: flex;
        flex-direction: row;
    }

    .time-price-main {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .time-price-bottom {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 80vw;
    }

    .time-price-bottom-list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 1px solid $primaryColor;
        border-radius: 5px;
        padding: 3px;
        margin-right: 3vw;
    }

    .list-head {
        font-size: .6rem;
    }

    .list-price {
        font-size: .6rem;
        color: $primaryColor;
    }

    .list-more {
        text-align: center;
        font-size: .6rem;
        width: 12vw;
        color: #808080;
    }

    .tea-detail-content {
        margin-top: 10px;
        background: white;
        font-size: .7rem;
        padding: 20px;
    }

    .time-price-head-right-icon {
        color: $primaryColor;
        font-size: .6rem;
    }

    .teatravel-foot {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        height: 40px;
        font-size: .9rem;
        font-weight: bold;
        color: white;
        background: $primaryColor;
        text-align: center;
        line-height: 40px;

    }

</style>
